@charset "utf-8";
/* CSS Document */
.floatLeft {float:left}
.floatRight {float:right}
a, a:link, a:visited {
	color:#034B8A;
	text-decoration:none;
}
a:hover {
	color:#FF6600;
	text-decoration:none;
}

.payment_button{margin-left:20px;padding:0;float:right}
.payment_button a{background-color:#17437A;color:#fff;font-family:Tahoma, arial, sans-serif; font-size:12px;font-weight:bold;display:block;padding:5px 15px}

.payment_button a:hover{background-color:#FF4E04}


/* table */
tr.bg1{background:#F4F9FF}

tr.bg2{background:#FFF}

td.item {
  border-top:1px solid #DDD;
  color:#000;
  font-size:13px;
  padding:5px 4px;
}

.bRight{
  border-right:1px solid #DDD;
}
.bBottom{
  border-bottom:1px solid #DDD;
}

td.head, th.head {
  color:#FFF;
  font-size:11px;
  font-weight:bold;
  padding:5px 5px 5px 8px;
}

td.head a, th.head a{color:#fff}

td.head a:hover, th.head a:hover{text-decoration:none}
/* table */

/*new-popup*/
.new-popup .new-popup-title,.new-popup .new-popup-title .bgl, .new-popup .bottom, .new-popup .bottom .bgl{background:url(images/payment/bgPopup.png) no-repeat left top}
.new-popup .new-popup-title .bgl{background-position: right -36px;font-size:15px;font-weight:bold;color:#fff;text-transform:uppercase;padding:0 5px}
.new-popup .new-popup-title .bg{background:#21acd8;height:36px;line-height:40px;overflow:hidden;padding:0 10px 0 15px}
a.new-popup-close{float:right;color:#fff;text-transform:none;font-size:12px;line-height:30px}
a.new-popup-close:hover{text-decoration:none;color:#4f2d00}
.new-popup .bottom{background-position:0 -77px}
.new-popup .bottom .bgl{background-position:right -87px;padding:0 5px}
.new-popup .bottom .bg{background:#f0fbff;height:5px;overflow:hidden}
.new-popup .content{color:#472900;font-size:12px;background:#fff;text-align:left;font-weight:normal}
/*new-popup*/

.blockCheckOut{margin-bottom:10px}

.paymentSelect{width:36px; height:36px; overflow:hidden;background:url('images/payment/paymentCheck.png') no-repeat; position:absolute;display:none}
.clicked .paymentSelect{display:block}

.paymentSelect{width:36px; height:36px; overflow:hidden;background:url('images/newCart/paymentCheck.png') no-repeat; position:absolute;display:none}
.clicked .paymentSelect{display:block}

.paymentCheckOut{width:70px;height:50px;margin-top:5px}
.paymentCheckOut div{background:url('images/payment/paymentType.png') repeat-y left 0;width:57px; height:54px; margin:0 auto}
.paymentCheckOut .internetBank{background-position: left -54px;height:50px}
.paymentCheckOut .sendAtm{background-position: left -104px;height:44px}
.paymentCheckOut .sendCop{background-position: left -149px;height:50px}
.paymentCheckOut .sendCod{background-position: left -199px;height:46px}
.paymentCheckOut .sendSms{background:url('images/payment/mobi_sms.png') repeat-y left 0;width:62px; height:62px; margin:0 auto}
.paymentCheckOut .sendCard{background:url('images/payment/ico_pay_card.jpg') repeat-y left 0;width:62px;margin-top:-10px;margin-left:-1px;}


.paymentContent{width:495px}
.paymentTitle{font-size:12px; font-weight:bold; color:#464646;line-height:100%}
.paymentNotice{margin-top:3px;color:#fa0000; font-weight:bold}
.paymentText{margin:5px 0;font-family:arial; font-size:12px;line-height:120%}
.PaymentTextMore{display:none}

.creditPay a span{ background: url('images/payment/creditPay.png') no-repeat 0 0; height:29px;width: 100px;overflow:hidden;display:block;}
.creditPay #master{background-position:30px 0; margin-top:-10px ;height:29px;}
.creditPay #visa{background-position:30px -29px; margin-top:-6px ;height:29px;}

.boldPayment {color:#1e649a;font-weight:bold;padding:5px 0 5px}
.bankPay a{
  height: 30px;
  padding:0 5px 5px;
  display:block;
  margin:10px 0 0 0;
}

.bankPay a span{ background: url('images/payment/bankPay.png') no-repeat center 0; height:30px;width: 128px;overflow:hidden;display:block;}
.bankPay #vcb{background-position:center 0; width: 70px}
.bankPay #donga{background-position:center -30px; width: 86px}
.bankPay #techcom{background-position:center -60px; width: 70px}
.bankPay #agri{background-position:center -90px; width: 155px}
.bankPay #bidv{background-position:center -120px; width: 102px}
.bankPay #vietin{background-position:center -150px}
.bankPay #mb{background-position:center -180px; width: 70px}
.bankPay #acb{background-position:center -210px; width: 70px}
.bankPay #vib{background-position:center -240px; width: 80px}
.bankPay #hd{background-position:center -270px}
.bankPay #tp{background-position:center -300px}


.bankPay a span#vinaphone {
	background-image:url("images/payment/vinaphone.png");
	width:85px;
}
.bankPay a span#mobiphone {
	background-image:url("images/payment/mobiphone.png");
	width:70px;
	margin-top:5px;
}

.blueButton, a.blueButton, .blueButton span{background:url(images/payment/bgButton.png) repeat-x 0 -220px;overflow:hidden;text-align:center;display:block;float:left;font-size:14px;font-weight:bold;color:#fff;}
.blueButton span{background-position:left -156px;background-repeat:no-repeat}
.blueButton span span{background-position:right -188px;height:32px;line-height:32px;padding:0 10px}
.blueButton span span b{font-size:17px}
a.blueButton:hover{text-decoration:none}

.mTop5{margin-top:5px}
.mTop10{margin-top:10px}
.mLeft10{margin-left:10px}
.mTop15{margin-top:15px}
.mBottom5{margin-bottom:5px}
.mBottom10{margin-bottom:10px}
.mTop20{margin-top:20px}
.hidden{display:none}
.mLeft25{margin-left:25px}
.clear{clear:both}
.c{clear:both;height:0;overflow:hidden}
.pBottom10{padding-bottom:10px}
.fr, .foatRight{float:right}
.fl, .foatLeft{float:left}



/* REG form */
#cError{margin-bottom:15px}
#cartRegisterForm{padding:0}
#cartRegisterForm .fl{margin:5px 25px}
#cartRegisterForm .label{font-weight:12px;color:#0a9cca;font-weight:bold}
.verify-account .title{font-weight:bold;font-size:13px;text-transform:uppercase}
.verify-account #note{width:435px;height:100px;padding:5px;border:1px solid #FFC26E}
.box-gradien{border:1px solid #abd5e3;background:#fff url(images/payment/bgPopup.png) repeat-x left -92px;padding:20px;}
.box-gradien .title{font-size:14px;font-weight:bold;color:#301b00;text-transform:uppercase}
.box-gradien .content{padding-top:0px;background:none}
.cff9200{color:#ff9200}
.cart-finish .head{background:#00A0DC;font-weight:bold;color:#fff;font-size:13px}
.cart-finish .bRight{border-color:#ABD5E3}
.cart-finish td.item{border-color:#ABD5E3;color:#4e2d00}
.cart-finish td.total-all{font-size:16px;font-weight:bold;color:#00A0DC}


/***************** info input *************************/
.cartNewForm{background:url('images/payment/white.png') repeat-y 301px}
.infoInputLeft{width:300px; float:left}
.infoInputRight{float:left;margin-left:28px}
.infoInputTxt,.infoTextareaTxt{ border: 1px solid #ABD5E3;height: 24px;*height:36px;margin: 5px 0;width: 270px}
.infoTextareaTxt{height: 90px}
.infoInputTxt input.txt,.infoTextareaTxt textarea.txt{
  font-size:16px;
  height:24px;
  line-height:24px;
  padding:0 5px;
  border:none;
  width:260px;
  background:#fff url('images/payment/bgPopup.png') repeat-x left -92px;
  overflow:hidden
}
.infoTextareaTxt textarea.txt{height:79px;line-height:16px;font-family:arial;font-size:12px;padding:5px}
.newLabel{font-size:16px;color:#0a9cca;font-weight:bold}
.infoInputText{color:#787878;font-size:12px;margin:5px 0;width:270px;text-align:justify}

.infoInputCheck{color:#0c92bc;font-size:16px;font-weight:bold}
.newCartNotice{width:255px;background-color:#fffede;border:1px solid #ffedbe;padding:10px;line-height:150%}

.jNiceHidden{display:none}
.icon_pay{height:75px;background:url(images/payment/icon_pay.png) no-repeat center center}

.bgAllPrice{width:369px;height:52px; margin-top:10px; padding-right:30px; background:url('images/payment/allPrice.png') no-repeat 0 0;font-size:18px; line-height:45px; font-weight:bold; color:#fff}

input[type=radio],input[type=checkbox]{cursor:pointer}

ul.banking li{list-style:disc}